
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <link rel="dns-prefetch" href="//s1.mi.com">
    <title>404 - 三岁的blog</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0,minimal-ui">
    <meta name="imagemode" content="force">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="pragma" content="no-cache">
    <link rel="shortcut icon" type="image/x-icon" href="../../static/images/favicon.ico" th:href="@{/images/favicon.ico}">
    <style>
        body {
        text-align: center;
        width: 100%;
    }
    a {
        text-decoration: none;
        color: #0b72a4;
    }
    .container {
        width: 100%;
        height: 6rem;
        position: absolute;
        margin: -3rem 0 0 -50%;
        top: 50%;
        left: 50%;
    }
    img {
        display: block;
        height: 3rem;
        margin: 0 auto .5rem;
    }
    .sorry {
        font-size: .35rem;
        line-height: .68rem;
    }
    .goto {
        font-size: .3rem;
        /*line-height: .68rem;*/
    }
    .btn{
        display: inline-block;
        margin-bottom: 0;
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        cursor: pointer;
        background-color: #fff;
        border: 1px solid #ff4a00;
        color:#ff4a00;padding: 0;
        width:148px;
        text-decoration:none;
    }
    .btn-primary{
        background-color:#ff4a00;
        border-color:#ff4a00;
        color:#fff;}
    </style>
    <script>(function (win){
        var doc = win.document,
            html = doc.documentElement;
        var baseWidth = 720,
            grids = baseWidth / 100,
            resizeEvt = 'orientationchange' in win ? 'orientationchange' : 'resize',
            recalc = function(){
                var clientWidth = html.clientWidth || 320;
                if( clientWidth > 720 ){ clientWidth = 720 };
                html.style.fontSize = clientWidth / grids + 'px';
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded',function(){
            setTimeout(recalc)
        }, false);
    })(window);
    </script>
<body>
<div class="container">
    <img src="../../static/images/404.3ec06ef.jpg" th:src="@{/images/404.3ec06ef.jpg}" alt="">
    <span class="sorry">咦~页面不见了~<p class="goto">请核对您输入的地址是否正确哦~</p></span>
    <p class="goto"><a class="btn btn-primary" href="/">返回首页</a></p>
</div>
<script>

</script>
</body>
</html>

